<?php
/**
 * @version     kingadmin-v1.2-tx
 * @package     tpl_gpcb
 * @copyright   Copyright (C) 2014. All Rights Reserved
 * @license     Creative Commons Attribution-NoDerivatives 4.0 International License
 * @author      caballeroantonio <caballeroantonio@hotmail.com> - http://caballeroantonio.com
 */

// No direct access
defined('_JEXEC') or die;

$kbpath = 'templates/gpcb';
?>

							<div class="main-header">
								<h2>Typography</h2>
								<em>headings, lists and others</em>
							</div>

							<div class="main-content">
								<!-- TYPOGRAPHY -->
								<h1>Heading H1</h1>
								<p>Continually scale prospective innovation after client-centric niche markets. Dramatically optimize superior functionalities and premier interfaces. Collaboratively.</p>
								<h2>Heading H2</h2>
								<p>Quickly create low-risk high-yield interfaces without 24/365 internal or "organic" sources. Enthusiastically strategize team driven schemas.</p>
								<h3>Heading H3</h3>
								<p>Quickly fabricate transparent ideas vis-a-vis customer directed meta-services. Dramatically impact high-payoff communities whereas highly efficient deliverables.</p>
								<h4>Heading H4</h4>
								<p>Collaboratively optimize e-business infomediaries rather than excellent communities. Objectively expedite transparent products via turnkey outsourcing. Professionally.</p>
								<h5>Heading H5</h5>
								<p>Compellingly target wireless users through multimedia based results. Monotonectally incubate frictionless e-commerce rather than multidisciplinary opportunities.</p>
								<h6>Heading H6</h6>
								<p>Conveniently orchestrate timely information without reliable infrastructures. Appropriately evisculate installed base innovation via customer directed leadership.</p>
								<hr />
								<h3>Lead Body Copy</h3>
								<p>Make a paragraph stand out by adding <code>.lead</code></p>
								<p class="lead">Objectively re-engineer maintainable total linkage after proactive intellectual capital. Dynamically evolve best-of-breed e-services for user-centric customer.</p>
								
								<div class="row">
									<div class="col-md-6">
										<div class="widget">
											<div class="widget-header"><h3><i class="fa fa-font"></i> Text Styles</h3></div>
											<div class="widget-content">
												<p><small>For de-emphasizing inline or blocks of text, use the <code>&lt;small&gt;</code> tag to set text at 85% the size of the parent.</small></p>
												<p><strong>rendered as bold text</strong></p>
												<p><em>rendered as italicized text</em></p>
												<div class="well">
													<p class="text-left"><code>.text-left</code> Left aligned text.</p>
													<p class="text-center"><code>.text-center</code> Center aligned text.</p>
													<p class="text-right"><code>.text-right</code> Right aligned text.</p>
												</div>
												<p class="text-muted"><code>.text-muted</code> Convey meaning through color with a handful of emphasis utility classes.</p>
												<p class="text-primary"><code>.text-primary</code> Convey meaning through color with a handful of emphasis utility classes.</p>
												<p class="text-success"><code>.text-success</code> Convey meaning through color with a handful of emphasis utility classes.</p>
												<p class="text-info"><code>.text-info</code> Convey meaning through color with a handful of emphasis utility classes.</p>
												<p class="text-warning"><code>.text-warning</code> Convey meaning through color with a handful of emphasis utility classes.</p>
												<p class="text-danger"><code>.text-danger</code> Convey meaning through color with a handful of emphasis utility classes.</p>
												
											</div>
										</div>
									</div>
									<div class="col-md-6">
										<div class="widget">
											<div class="widget-header"><h3><i class="fa fa-list-ul"></i> Lists</h3></div>
											<div class="widget-content">
												<div class="row">
													<div class="col-md-6">
														<h3>Ordered List</h3>
														<ol>
															<li>Ordered item #1</li>
															<li>Ordered item #2</li>
															<li>Ordered item #3</li>
															<li>Ordered item #4</li>
															<li>Ordered item #5</li>
														</ol>
													</div>
													<div class="col-md-6">
														<h3>Unordered List</h3>
														<ul>
															<li>Ordered item #1</li>
															<li>Ordered item #2</li>
															<li>Ordered item #3</li>
															<li>Ordered item #4</li>
															<li>Ordered item #5</li>
														</ul>
													</div>
												</div>
												<div class="row">
													<div class="col-md-6">
														<h3>Unstyled List</h3>
														<ul class="list-unstyled">
															<li>This is a list item </li>
															<li>This is a list item </li>
															<li>This is a list item </li>
															<li>This is a list item </li>
															<li>This is a list item </li>
														</ul>
													</div>
													<div class="col-md-6">
														<h3>List Icon</h3>
														<ul class="fa-ul">
															<li><i class="fa-li fa fa-check-square"></i>List icons (like these)</li>
															<li><i class="fa-li fa fa-check-square"></i>can be used</li>
															<li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li>
															<li><i class="fa-li fa fa-square"></i>default bullets in lists</li>
														</ul>
													</div>
												</div>
												<h3>Inline List</h3>
												<ul class="list-inline">
													<li>Inline List Item</li>
													<li>Inline List Item</li>
													<li>Inline List Item</li>
													<li>Inline List Item</li>
												</ul>
												
											</div>
										</div>
									</div>
								</div>
								<!-- END TYPOGRAPHY -->

							</div><!-- /main-content -->
						

	<!-- Javascript -->


